<style type="text/css">
    .table th, .table td {
        text-align: center;
        vertical-align: middle!important;
    }
    .table th:nth-child(1), 
    .table td:nth-child(1) {
        width: 8%;
    }  
    .table th:nth-child(2), 
    .table td:nth-child(2),
    .table th:nth-child(5), 
    .table td:nth-child(5)
    {
        width:15%;
    }
    .table th:nth-child(3), 
    .table td:nth-child(3)
    {
        width:45%;
    }
    .table th:nth-child(4), 
    .table td:nth-child(4)
    {
        width:17%;
    }
    .pagination li {
        display: inline;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    .red {color: red;}
</style>
<div class="col-sm-12">
    <div class="form-group">
        <!-- Tìm kiếm -->
        <a href="{{url('/')}}" class="btn btn-default pull-left"><i class="glyphicon glyphicon-arrow-left"></i></a>&nbsp;
        <div class="btn-group">
            <input type="text" name="searchtext" id="search" class="form-control" placeholder="Nhập mã đoàn - Tên đoàn" style="width: 100%" value="{{isset($key) && $key != null ? $key : ""}}"/>
            <input type="hidden" name="urlsearch" id="urlsearch" value="{{url('search=dsdoankt')}}"/>
        </div>
        <button class="btn btn-default" type="button" id="btnsearch" title="Tìm kiếm"><span class="glyphicon glyphicon-search"></span></button>
        <a class="btn btn-default {{isset($key) && $key != null ? "" : "hide"}}"href="{{url('ql=dsdoankt')}}" title="Reset"><span class="glyphicon glyphicon-remove"></span></a>
        <!--Kết thúc tìm kiếm-->
        <!--Thêm đoàn thanh tra-->
            <a href="{{url('ql=themdoankt')}}" class="btn btn-primary pull-right"><i class="glyphicon glyphicon-plus"></i>&nbsp;Thêm mới đoàn thanh tra</a>&nbsp;
        <!--Kết thúc thêm đoàn thanh tra-->
        
    </div>
</div>
<!--Bảng danh sách đoàn thanh tra-->
<div class="col-lg-12">
        <table class="table table-bordered table-hover">
            <thead>
                <tr class="label-warning">
                    <th>STT</th>
                    <th>Mã đoàn TT</th>
                    <th>Tên đoàn TT</th>
                    <th>Tổng số thành viên</th>
                    <th>Các tác vụ</th>
                </tr>
            </thead>
            <tbody>
                @foreach($data as $row)
                @if($data != null)
                <tr>
                    <td>{{++$numRows}}</td>
                    <td>{{$row->MA_DOAN_TT}}</td>
                    <td id="tencs_{{$row->ID}}">{{$row->TEN_DOAN_TT}}</td>
                    <td>{{$row->SO_TV_TG}}</td>
                    <td>
                        <a href="{{url('view=dsdoankt?id='.$row->ID)}}" id="{{$row->ID}}" class="details_dkt text-success"><i class="glyphicon glyphicon-search" title="Xem chi tiết đoàn thanh tra"></i></a>&nbsp;
                        <a href="{{url('ql=themtv?id='.$row->ID)}}" id="{{$row->ID}}" class="details_dkt text-success"><i class="glyphicon glyphicon-plus-sign" title="Thêm thành viên"></i></a>&nbsp;
                        <a href="{{url('delete=dsdoankt?id='.$row->ID)}}" id="{{$row->ID}}" class="delete_dkt text-danger" title="Xóa đoàn thanh tra"><i class="glyphicon glyphicon-remove"></i></a>
                    </td>
                </tr>
                @endif
                @endforeach
                @if($numRows <= 0)
                <tr>
                    <td colspan="6"><span class="red glyphicon glyphicon-warning-sign">&nbsp;</span>Không có đoàn thanh tra nào.</td>
                </tr>
                @endif
            </tbody>
        </table>  
        <!--Kết thúc bảng danh sách đoàn thanh tra-->
        <!--Phân trang bảng danh sách đoàn thanh tra-->
        <div class="text-right">
            {{$data->links()}}
        </div>	
        <!--Kết thúc phan trang danh sách đoàn thanh tra--> 
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#search").keyup(function (e) {
            if (e.which === 13) {
                search();
            }
        });

        $("#btnsearch").on("click", function (e) {
            search();
        });

        $(".delete_dkt").on("click", function (e) {
            var id = $(this).attr("id");
            var tendkt = $("#tendkt_"+id).text();
            if (confirm("Xác nhận xóa đoàn thanh tra " + tendkt + " ?"))
            {
                var url = $(this).attr('href');
                var pathname = window.location.href;
                var result = pathname.split('?');
                if (result[1] !== "undefined")
                {
                    url += "&" + result[1];
                }
                location.href = url;
            }
            return false;
        });

        function search()
        {
            var key = fulltrim($("#search").val());
            if (key === null || key === "")
            {
                toastr.error("Vui lòng nhập chuỗi cần tìm kiếm!");
            }
            else
            {
                var url = $("#urlsearch").val() + "?key=" + key;
                location.href = url;
            }
        }
    });
</script>
@if(Session::has('warning')) 
<script type="text/javascript">
    toastr.warning("{{Session::get('warning')}}");
</script>
@endif
@if(Session::has('error')) 
<script type="text/javascript">
    toastr.error("{{Session::get('error')}}");
</script>
@endif
@if(isset($warning)) 
<script type="text/javascript">
    toastr.warning("{{$warning}}");
    window.history.pushState(null, "{{$title}}", "{{$url}}");
</script>
@endif
@if(Session::has('success')) 
<script type="text/javascript">
    toastr.success("{{Session::get('success')}}");
</script>
@endif